﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<CruzDelSur.Models.ServiciosModel>" %>
<%@ Import Namespace="CruzDelSur.Models" %>
<%@ Import Namespace="CruzDelSur.Helpers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
 Crear/Modificar Servicios
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ModuleTitleContent" runat="server">
    Administrar servicios
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentMenuSecundario" runat="server">
    <% Html.RenderPartial("Servicios/MenuPrincipal"); %>
</asp:Content>

<asp:Content ID="Content5" ContentPlaceHolderID="MainContent" runat="server">
<% Html.RenderPartial("Servicios/MenuSecundarioServicios", new { Action = "ActualizarServicio" });%>
<ul class="tabs secondary">
 <li><a href="<%:Url.Action("Index", "Servicios")%>">Lista</a></li>
 <li><a href="<%:Url.Action("CrearServicio", "Servicios")%>">Crear</a></li>
<%-- <% if (Model.EstadoEdicion == ServicioEstadoEnum.EDITAR) { %>
 <li><%:Html.ActionLink("Dar baja", "BajaServicio", new { Codigo = Model.Servicio.Codigo }, new { @class = "row-input-delete" })%></li>
 <%} %>--%>
</ul>
<% if (Model.EstadoEdicion == ServicioEstadoEnum.NUEVO)
   { %>
<h2 style="font-size: medium">Crear Servicio</h2>
<%} else { %>
<h2 style="font-size: medium">Modificar Servicio</h2>    
<% } %>
<% Html.EnableClientValidation(); %>
 <% using (Html.BeginForm())
 {%>
 <%= Html.Message(ViewData["message"])%>
        <%: Html.ValidationSummary(true)%>
<div class="span-8">
    <div class="span-7" style="font-family: Arial,Helvetica,sans-serif; font-size: small;" dir="ltr" align="right">
    <p>
<%if (Model.EstadoEdicion == ServicioEstadoEnum.NUEVO)
  { %>      
    <%= Html.Etiqueta("Codigo")%>  <%: Html.TextBoxFor(model => model.Servicio.Codigo, new {@maxlength = 7})%> <br />
<%}else{ %>
    <%= Html.Etiqueta("Codigo")%>  <%: Html.TextBoxFor(model => model.Servicio.Codigo, new {@readonly = true})%> <br />
<%} %>
    <%= Html.ValidationMessageFor(model => model.Servicio.Codigo)%> 
    <%= Html.Etiqueta("Descripción")%>  <%: Html.TextBoxFor(model => model.Servicio.Descripcion, new { @maxlength = 80 })%> <br />
     <%= Html.Etiqueta("Estado")%> <%=ServiciosModel.Estados(Model.Servicio.Estado)%> <br />
         <%: Html.CheckBoxFor(m => Model.ServicioEspecial)%> <label>Servicio Especial</label><br />
        <button id="profile-icon" type="button" onclick="profile_info()" title="Datos del usuario"><img src="../../Content/i/profile-icon.gif" alt="" /></button>
     </p>
    </div>
 </div>
    <div id="profile-info" class="span-7" style="font-family: Arial, Helvetica, sans-serif; font-size: small; display:none;">
    <p align="right" dir="ltr">
    <%= Html.Etiqueta("Creador por")%>  <%: Html.TextBoxFor(model => model.Servicio.UsuarioCreado)%> <br />  
    <%= Html.Etiqueta("Fecha de creación")%> <%: Html.TextBoxFor(model => model.Servicio.FechaCreacion)%> <br />
    <%= Html.Etiqueta("Modificado por")%> <%: Html.TextBoxFor(model => model.Servicio.UsuarioModificado)%> <br />
    <%= Html.Etiqueta("Fecha de modific.")%> <%: Html.TextBoxFor(model => model.Servicio.FechaModificacion)%> <br />
     </p>
    </div>
    <div class="span-10">

      <table>
      <tbody>
      <tr>

      <td><b>Carateristicas</b></td>
      <td>&nbsp;</td>
      <td><b>Seleccionados</b></td>
      </tr>      
      <tr>
       <td>
      <%=Html.DropDownListFor(model => model.Parametro, new SelectList(Model.Parametros, "Codigo", "Descripcion"), new { @multiple = "multiple", @size = "10" } )%>   
      </td>
      <td style="vertical-align:middle">
       <input type="button" value=">" id="agregarCaracteristica" class="span-1" /><br />
       <input type="button" value="<" id="quitarCaracteristica" class="span-1" /><br />
       </td>
      <td>
       <%=Html.DropDownListFor(model => model.Caracteristica, new SelectList(Model.Servicio.Caracteristicas, "Codigo", "Descripcion"), new { @multiple = "multiple", @size = "10" } )%> 
        <%= Html.ValidationMessageFor(model => model.Servicio.Caracteristicas)%>
        </td>
        </tr>
        </tbody>
        </table>
    </div>
    <div class="span-24 last" style="clear: left;">
    <table id="rowTramos">
        <thead>
        <tr>
        <th>Tramos</th>
        <th>Estado</th>
        <th>Opcion</th>
        </tr>
        </thead>
        <tbody>
        <% foreach(var row in Model.FilasTramos){ %>
         <%Html.RenderPartial("Partial/FilaTramo", row);%>
        <% } %>
        </tbody>
    </table>
    </div>

    <%if (Model.Servicio.Estado != "A")
    { %>      
        <div class="span-24" align="right"> <input id="agregarNuevoTramo" type="button" value="Agregar tramo" dir="ltr" /> </div>
    <%} %>

    <%--<div class="span-24" align="right"> <input id="agregarNuevoTramo" type="button" value="Agregar tramo" dir="ltr" /> </div>--%>
    <div class="span-24" id="toolbar">
    <input type="submit" value="Grabar" /> <input type="button" value="Cancelar" onclick="location='<%: Url.Action("Index", "Servicios") %>'" />
    </div>
<%} %>
<script type="text/javascript">
    $(function () {
        $("#form0").submit(function () {
            $('#Caracteristica option').attr('selected', 'selected');
        });
        $('#agregarCaracteristica').click(function () {
            return !$('#Parametro option:selected').remove().appendTo('#Caracteristica');
        });
        $('#quitarCaracteristica').click(function () {
            return !$('#Caracteristica option:selected').remove().appendTo('#Parametro');
        });
        $('#profile-icon').toggle(function () {
            $('#profile-info').show();
        }, function () {
            $('#profile-info').hide();
        });
        $('#agregarNuevoTramo').click(function () {
            $(this).attr('disabled', 'disabled');
            $.get('<%:Url.Action("AdicionarFilaTramo", "Servicios")%>', function (row) {
                $("#rowTramos > tbody").append(row);
                $('.tramo-nuevo').each(function (i, e) { e.selectedIndex = -1; })
                $('#agregarNuevoTramo').attr('disabled', '');
                setTimeout(refreshUI, 500);
            });
        });
    });
    function activar_date(tramo_id) {
        $('#FechaBajaTramo_' + tramo_id + '_').attr('disabled', false);
    }
    function validate_unique(select) {
        var valActual = $(select).removeClass('tramo-nuevo').val();
        $('#rowTramos .tramo').each(function (i, s) {
            if (($(s).val().length > 0) && $(s).val() == valActual && s.id != select.id) {
                alert('El tramo ya se encuentra seleccionado');
                $(select).attr('selectedIndex', '-1');
                return false;
            }
        });
    }
</script>
</asp:Content>